*{
    margin: 0;
    padding: 0;
}
img{
    border:0;
}
ol, ul ,li{list-style: none;} 
html,body{width: 100%;height:100%;font-size: 14px;font-family: "Microsoft YaHei"!important;}
a{
    text-decoration: none;
}
input{
    font-family: "Microsoft YaHei"!important;
    outline:none;
}

.Box1{
   width: 100%;
   height:10%; 
   position:absolute;
/*    background-color: #000; */
   overflow: hidden;
   top:0;
   left:0;
}
.Box2{
   width: 100%;
   height:100%; 
   position:relative;
   background-color: #000;
   overflow: hidden;
}
.Buy-box{
    width:4rem;
    height:2rem;
    background:#0BECE4;
    position:absolute;
    bottom:0;
    left: 50%;
    margin-left: -2rem;
}
.ty{
    width:1rem;
    height:1rem;
    border-radius: 50%;
    background:#FFFFFF;
    position:absolute;
    right:0;
    z-index: 2;
}
.jifen{
    width:2rem;
    height:1rem;
    border:1px solid #efefef;
    line-height: 1rem;
    text-align:center ;
    font-size: 0.4rem;
    color:#fff;
    position:absolute;
    z-index: 99;
    top:0;
    left:0;
}
.count{
    width:2rem;
    height:1rem;
    border:1px solid #efefef;
    line-height: 1rem;
    text-align:center ;
    font-size: 0.4rem;
    color:#fff;
    position:absolute;
    z-index: 99;
    top:0;
    right:0;
}
.shan{
    width:0.6rem;
    height:0.3rem;
    position:absolute;
    right:0.4rem;
    bottom:3rem;
    line-height: 0.3rem;
    text-align:center ;
    font-size: 0.18rem;
    color:#fff;
    border:1px solid #efefef;
    animation:shanxian 0.8s forwards;
    -moz-animation:shanxian 0.8s forwards; /* Firefox */
    -webkit-animation:shanxian 0.8s forwards; /* Safari and Chrome */
    -o-animation:shanxian 0.8s forwards; /* Opera */
}
@keyframes shanxian
{
0%   {opacity: 1;}
100% {opacity: 0;transform: translateY(-20px);}
}

@-moz-keyframes shanxian /* Firefox */
{
0%   {opacity: 1;}
100% {opacity: 0;transform: translateY(-20px);}
}

@-webkit-keyframes shanxian /* Safari 和 Chrome */
{
0%   {opacity: 1;}
100% {opacity: 0;transform: translateY(-20px);}
}

@-o-keyframes shanxian /* Opera */
{
0%   {opacity: 1;}
100% {opacity: 0;transform: translateY(-20px);}
}